<template>
	<view class="zui-orderTop">
		<u-gap :height="padding"></u-gap>
		<u-cell :border="false">
			<!-- <view slot="icon" class="icon">
				<u-icon size="28rpx" :name="require('@/static/img/fangzi.png')"></u-icon>
			</view> -->
			<view slot="title" class="title">
				{{title}}
			</view>
			<view slot="value" class="value">
				{{status}}
			</view>
		</u-cell>
		<u-gap :height="padding"></u-gap>
	</view>
</template>
<script>
	export default {
		props: {
			padding:{
				type:[String,Number]
			},
			status: {
				type: String,
			},
			title: {
				type: String,
			},
		},
		data() {
			return {
			};
		}
	}
</script>

<style lang="scss">
	.zui-orderTop {
		
		.title {
			color: #666;
			font-size: 28rpx;
		}
		
		.value {
			color: #E63A2A;
			font-size: 28rpx;
		}
		
		/deep/.u-cell__body {
			padding:  0 !important;
		}
		
		/deep/.u-cell__title-text {
			color: #fff !important;
			font-size: 28rpx;
		}
		
		/deep/.u-cell__left-icon-wrap {
			margin-right: 20rpx;
		}
		
		/deep/.u-cell--clickable {
			background: transparent;
		}
		
		/deep/.u-cell {
			background: transparent;
		}
		
	}
</style>
